<!DOCTYPE html>
<html lang="en">

<head>
	<title>Home</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta Tags -->
	<!-- Style-sheets -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!--// Style-sheets -->
	<!--web-fonts-->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Righteous" rel="stylesheet">
	<!--//web-fonts-->
</head>

<body>
	<!-- banner -->
	<div class="banner" id="home">
		<div class="container">
			<!-- header -->
			<header>

				<div class="header-bottom-w3layouts">
					<div class="main-w3ls-logo">
						<h1><a href="index.html"><span class="fa fa-check-square-o" aria-hidden="true"></span>Institute</a></h1>
					</div>
					<!-- navigation -->
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
							    aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>

						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a class="active" href="index.html">Home</a></li>
								<li><a href="about.html">About</a></li>
								<li><a href="courses.html">Courses</a></li>
								<li><a href="institutes.html">Institutes</a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="icons.html">Web Icons</a></li>
										<li><a href="typography.html">Typography</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact</a></li>
							</ul>

						</div>
						<!-- /.navbar-collapse -->

					</nav>
					<div class="search-agile-bar">
						<div class="cd-main-header">
							<ul class="cd-header-buttons">
								<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
							</ul>
							<!-- cd-header-buttons -->
						</div>
						<div id="cd-search" class="cd-search">
							<form action="#" method="post">
								<div class="agileits-search-field">
									<input name="Search" type="search" placeholder="Click enter after typing...">
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<!-- //navigation -->
			</header>
			<!-- //header -->
			<!-- banner-text -->
			<div class="banner-text">
				<div class="callbacks_container">
					<ul class="rslides" id="slider3">
						<li>
							<div class="slider-info">
								<h3>It is never too late to Study</h3>
								<p>Education Needs Complete Solution</p>
								<a href="about.html">About Us</a>
							</div>
						</li>
						<li>

							<div class="slider-info">
								<h3>The best learning institute</h3>
								<p>Successful career starts with good training</p>
								<a href="about.html">About Us</a>
							</div>
						</li>

					</ul>

				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //banner -->
	<!--about-->
	<div class="about-section" id="about">
		<div class="container">
			<h5 class="main-w3l-title">About Us</h5>
			<div class="about-top">
				<h3 class="subheading-wthree">Something About Us</h3>
				<p class="paragraph-agileinfo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis tristique est, et egestas odio. Mauris ac tristique
					arcu, sed interdum risus.Integer quis tristique est, et egestas odio. Mauris ac tristique arcu, sed interdum risus.
				</p>
			</div>
			<div class="about-main">
				<div class="about-w3-left">
					<div class="about-img">
					</div>
					<div class="about-bottom">
						<p class="paragraph-agileinfo white-clr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis tristique est, et egestas odio. Mauris ac tristique.</p>
					</div>
				</div>

				<div class="about-w3ls-right">
					<h3 class="subheading-wthree">Welcome to our Institute</h3>
					<p class="paragraph-agileinfo">We offer great variety of individual and group programs. Our clients' and our experience proves that the following courses
						can literally change your life!</p>
					<ul>
						<li><span class="fa fa-check-square-o" aria-hidden="true"></span>See our best skills</li>
						<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Learn courses online</li>
						<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Best trainers</li>
						<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Student Guidance</li>
						<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Learn With Fun</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//about-->
	<!-- stats -->
	<div class="stats">
		<div class="container">
			<h5 class="main-w3l-title white-clr">Reasons to Choose Us</h5>
			<div class="stats_inner">
				<div class="col-md-4 col-sm-4 stat-grids">
					<p class="counter">2,879</p>
					<div class="stats-text">
						<h3>Students Successive</h3>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 stat-grids">
					<p class="counter">953</p>
					<div class="stats-text">
						<h3>Courses</h3>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 stat-grids">
					<p class="counter">1,546</p>
					<div class="stats-text">
						<h3>Competitions Won</h3>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //stats -->
	<!-- services -->
	<div class="services-section">
		<div class="services-grids">
			<div class="services-img1"></div>
			<div class="services-info top-services">
				<h3 class="subheading-wthree">Daily Life Of Coaching At Training Institute</h3>
				<p class="paragraph-agileinfo">We offer great variety of individual and group programs. Our clients' and our experience proves that the following courses</p>
				<ul>
					<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Online Coaching</li>
					<li><span class="fa fa-check-square-o" aria-hidden="true"></span>1 to 1 Coaching</li>
					<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Guidance Coaching</li>
					<li><span class="fa fa-check-square-o" aria-hidden="true"></span>Group Coaching</li>
				</ul>
				<div class="header-top">
					<h3 class="subheading-wthree white-clr">Let's Register Now</h3>
					<span>Get Enrolled & Start better future with us!</span>
					<ul class="form-buttons">
						<li><a href="#" data-toggle="modal" data-target="#myModal3"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Register</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="tlinks">Collect from <a href="http://www.baisheng999.com/" >建站模板</a></div>
		<div class="services-grids">
			<div class="services-info bottom-services">
				<h3 class="subheading-wthree">Our Packages</h3>
				<p class="paragraph-agileinfo">Vestibulum convallis odio sagittis fermentum accumsan. Maecenas sagittis tortor ut nisl maximus, eu dictum dolor blanditEtiam.</p>
				<div class="serv-inner1">
					<div class="serv-left">
						<h6><span>$ 10	/Month</span>Starter</h6>
						<ul>
							<li>One Day Trial</li>
							<li>Limited Courses</li>
							<li>No Ebook</li>
							<li>Limited Registered User</li>
						</ul>
					</div>
					<div class="serv-right">
						<h6><span>$ 20	/Month</span>Basic</h6>
						<ul>
							<li>One Day Standard Access</li>
							<li>Limited Courses</li>
							<li>View Only Ebook</li>
							<li>Unlimited Registered User</li>
						</ul>
					</div>
				</div>
				<div class="serv-inner2">
					<div class="serv-left">
						<h6><span>$ 30	/Month</span>Premium</h6>
						<ul>
							<li>One Year Premium Access</li>
							<li>Unlimited Courses</li>
							<li>Free Ebook Downloads</li>
							<li>Unlimited Registered User</li>
						</ul>
					</div>
					<div class="serv-right">
						<h6><span>$ 40	/Month</span>Advance</h6>
						<ul>
							<li>Life Time Access</li>
							<li>Unlimited All Courses</li>
							<li>Free Ebook Downloads</li>
							<li>Unlimited Registered User</li>
						</ul>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="services-img2"></div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //services -->
	<!-- Modal3 -->
	<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
		<div class="modal-dialog">
			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>

					<div class="signin-form profile">
						<h3 class="register-title">Register</h3>
						<div class="login-form">
							<form action="#" method="post">
								<div class="fields-main">
									<div class="fields">
										<input type="text" name="name" placeholder="Username" required="">
									</div>
									<div class="fields">
										<input type="email" name="email" placeholder="Email" required="">
									</div>
								</div>
								<div class="fields-main">
									<div class="fields">
										<input type="text" name="Number" placeholder="Number" required="">
									</div>
									<div class="fields">
										<input type="text" name="Address" placeholder="Address" required="">
									</div>
								</div>
								<div class="fields-main">
									<div class="fields">
										<input type="text" name="Last/Current educational status" placeholder="Last/Current educational status" required="">
									</div>
									<div class="fields">
										<input type="text" name="Website" placeholder="Website(if any)" required="">
									</div>
								</div>
								<div class="fields">
									<select id="country" onchange="change_country(this.value)" class="frm-field required sect">
										<option value="">Select course</option>
										<option value="">Office</option>
										<option value="">Web design</option>
										<option value="">Web development</option>
										<option value="">Net working</option>
										<option value="">Linux</option>
									</select>
								</div>
								<div class="fields">
									<select id="country1" onchange="change_country(this.value)" class="frm-field required sect">
										<option value="">Class time</option>
										<option value="">Morning</option>
										<option value="">Evening</option>
										<option value="">Custom</option>
									</select>
								</div>
								<div class="radio-section">
									<h6>Training Option</h6>
									<ul class="radio-buttons">
										<li>
											<input type="radio" id="a-option" name="selector1">
											<label for="a-option">Full day</label>
											<div class="check"></div>
										</li>
										<li>
											<input type="radio" id="b-option" name="selector1">
											<label for="b-option">Half day</label>
											<div class="check">
												<div class="inside"></div>
											</div>
										</li>
									</ul>
									<div class="clearfix"></div>
								</div>
								<input type="submit" value="Submit">
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- //Modal3 -->
	<!-- Testimonials -->
	<div class="testimonials-section">
		<div class="container">
			<h5 class="main-w3l-title">Testimonials</h5>
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="testimonial-agileits-w3layouts">
								<p>Sed tempus vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula,
									at imperdiet urna. </p>
								<img src="images/t1.jpg" alt=" " class="img-responsive">
								<div class="test-name">
									<h5>Julia Rose</h5>
									<div class="rating-icons">
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="testimonial-agileits-w3layouts">
								<p>Sed tempus vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula,
									at imperdiet urna. </p>
								<img src="images/t2.jpg" alt=" " class="img-responsive">
								<div class="test-name">
									<h5>Jahnatan Smith</h5>
									<div class="rating-icons">
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star-o" aria-hidden="true"></span>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="testimonial-agileits-w3layouts">
								<p>Sed tempus vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula,
									at imperdiet urna. </p>
								<img src="images/t3.jpg" alt=" " class="img-responsive">
								<div class="test-name">
									<h5>Rosalind Cloer</h5>
									<div class="rating-icons">
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star-o" aria-hidden="true"></span>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="testimonial-agileits-w3layouts">
								<p>Sed tempus vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula,
									at imperdiet urna. </p>
								<img src="images/t4.jpg" alt=" " class="img-responsive">
								<div class="test-name">
									<h5>Amie Bublitz</h5>
									<div class="rating-icons">
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star" aria-hidden="true"></span>
										<span class="fa fa-star-o" aria-hidden="true"></span>
										<span class="fa fa-star-o" aria-hidden="true"></span>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</div>
	<!-- Testimonials -->

	<!-- Footer -->
	<div class="footer-agileits-w3layouts">
		<div class="container">
			<div class="btm-logo-w3ls">
				<h2><a href="index.html"><span class="fa fa-check-square-o" aria-hidden="true"></span>Institute</a></h2>
			</div>
			<div class="subscribe-w3ls">
				<h6>Let us inform you about everything important directly.</h6>
				<form action="#" method="post">
					<div class="col-md-8 col-sm-8 col-xs-8 input-flds-w3-agile">
						<input type="email" name="Email" placeholder="Email" required="">
					</div>
					<div class="col-md-4 col-sm-4 col-xs-4 input-flds-w3-agile">
						<input type="submit" value="Subscribe">
					</div>
					<div class="clearfix"> </div>
				</form>
			</div>
			<div class="social-icons-agileits">
				<ul>
					<li><a href="#"><span class="fa fa-facebook"></span></a></li>
					<li><a href="#"><span class="fa fa-twitter"></span></a></li>
					<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
				</ul>
			</div>

			<div class="clearfix"> </div>
		</div>
	</div>
	<div class="copyright-w3layouts">
		<div class="container">
			<p>Copyright &copy; 2018.Company name All rights reserved.More Templates <a href="http://www.baisheng999.com/" target="_blank" title="网站模板库">网站模板库</a> - Collect from <a href="http://www.baisheng999.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
	</div>
	<!-- //Footer -->

	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- //smooth scrolling -->


	<script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter').countUp();
	</script>
	<!-- //stats -->
	<!-- flexSlider -->
	<script defer src="js/jquery.flexslider.js"></script>
	<script type="text/javascript">
		$(window).load(function () {
			$('.flexslider').flexslider({
				animation: "slide",
				start: function (slider) {
					$('body').removeClass('loading');
				}
			});
		});
	</script>
	<!-- //flexSlider -->
	<!-- Responsiveslides -->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider3").responsiveSlides({
				auto: true,
				pager: true,
				nav: false,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<!-- // Responsiveslides -->
	<!--search-bar-->
	<script src="js/main.js"></script>
	<!--//search-bar-->

	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- Js for bootstrap working-->
	<script src="js/bootstrap.js"></script>
	<!-- //Js for bootstrap working -->
</body>

</html>